<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- cellspacing="0"  表格边框为0 -->
    <table border="1" width="500px" height="300px" cellspacing="0">
      <!-- 表格标题 -->
      <caption>
        学生信息表
      </caption>
      <!-- 表格头部 -->
      <thead height="60px" align="right" valign="top">
        <!-- row 行 -->
        <tr>
          <!-- 单元格 -->
          <th>姓名</th>
          <th>性别</th>
          <th>年龄</th>
          <th>民族</th>
          <th>政治面貌</th>
        </tr>
      </thead>
      <!-- 表格内容 -->
      <tbody>
        <!-- row 行 -->
        <tr height="60px" align="center" valign="bottom">
          <!--主体内的单元格 -->
          <!-- 会影响整行整列 -->
          <td width="30px" align="center" valign="bottom">张三</td>
          <td>男</td>
          <td>15</td>
          <td>汉族</td>
          <td>团员</td>
        </tr>
        <tr>
          <!--主体内的单元格 -->
          <td>李四</td>
          <td>男</td>
          <td>15</td>
          <td>汉族</td>
          <td>团员</td>
        </tr>
      </tbody>
      <!-- 表格脚部 -->
      <tfoot>
        <tr>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td>合计:2人</td>
        </tr>
      </tfoot>
    </table>
  </body>
</html>
